<!--
  Generated template for the MyAccountPage page.

  See http:</ion-label>  </ion-col>
          <ion-col>//ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar color="jjna-color">
    <ion-title text-center>My Account Edit
    </ion-title>
    <ion-buttons end>
      <button ion-button (click)="save()">
        save
      </button>
    </ion-buttons>

  </ion-navbar>

</ion-header>
<ion-content padding>
  <ion-list *ngIf="userInfo">
  <ion-item>
    <ion-label stacked>
      Login ID:
    </ion-label>
    <ion-input type="text" readonly value=" {{userInfo.Customer_Login_ID}}"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Email:
    </ion-label>
    <ion-input type="text" readonly value="{{userInfo.Customer_Email}}"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      First Name:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Customer_First_Name}}" [(ngModel)]="userInfo.Customer_First_Name"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Middle Name:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Customer_Middle_Name}}" [(ngModel)]="userInfo.Customer_Middle_Name"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Last Name:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Customer_Last_Name}}" [(ngModel)]="userInfo.Customer_Last_Name"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      VIP Code:
    </ion-label>
    <ion-input type="text" value="{{userInfo.VIP_Code}}" [(ngModel)]="userInfo.VIP_Code"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Street Address:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Customer_Street_Address}}" [(ngModel)]="userInfo.Customer_Street_Address"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Zip code:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Zip_code}}" [(ngModel)]="userInfo.Zip_code"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Country Code:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Country_Code}}" [(ngModel)]="userInfo.Country_Code"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Country:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Country}}" [(ngModel)]="userInfo.Country"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      State:
    </ion-label>
    <ion-input type="text" value="{{userInfo.State}}" [(ngModel)]="userInfo.State"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      City:
    </ion-label>
    <ion-input type="text" value="{{userInfo.City}}" [(ngModel)]="userInfo.City"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      US Phone:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Customer_US_Phone}}" [(ngModel)]="userInfo.Customer_US_Phone"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Foreign Phone:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Customer_Foreign_Phone}}" [(ngModel)]="userInfo.Customer_Foreign_Phone"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Credit Card Number:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Customer_Credit_Card_Number}}" [(ngModel)]="userInfo.Customer_Credit_Card_Number"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Credit Expiration:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Credit_Expiration}}" [(ngModel)]="userInfo.Credit_Expiration"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Credit Card Code:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Credit_Card_Code}}" [(ngModel)]="userInfo.Credit_Card_Code"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Link:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Customer_Link}}" [(ngModel)]="userInfo.Customer_Link"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Link Login:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Customer_Link_Login}}" [(ngModel)]="userInfo.Customer_Link_Login"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Link Password:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Customer_Link_Password}}" [(ngModel)]="userInfo.Customer_Link_Password"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Device:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Customer_Device}}" [(ngModel)]="userInfo.Customer_Device"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Device Login:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Customer_Device_Login}}" [(ngModel)]="userInfo.Customer_Device_Login"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Device Password:
    </ion-label>
    <ion-input type="text" value="{{userInfo.Customer_Device_Password}}" [(ngModel)]="userInfo.Customer_Device_Password"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Info1:
    </ion-label>
    <ion-textarea value="{{userInfo.Customer_Info1}}" [(ngModel)]="userInfo.Customer_Info1"></ion-textarea>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Info2:
    </ion-label>
    <ion-textarea value="{{userInfo.Customer_Info2}}" [(ngModel)]="userInfo.Customer_Info2"></ion-textarea>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Info3:
    </ion-label>
    <ion-textarea value="{{userInfo.Customer_Info3}}" [(ngModel)]="userInfo.Customer_Info3"></ion-textarea>
  </ion-item>
  <ion-item>
    <ion-label stacked>

      Info4:
    </ion-label>
    <ion-textarea value="{{userInfo.Customer_Info4}}" [(ngModel)]="userInfo.Customer_Info4"></ion-textarea>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Info5:
    </ion-label>
    <ion-textarea value="{{userInfo.Customer_Info5}}" [(ngModel)]="userInfo.Customer_Info5"></ion-textarea>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Info6:
    </ion-label>
    <ion-textarea value="{{userInfo.Customer_Info6}}" [(ngModel)]="userInfo.Customer_Info6"></ion-textarea>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Info7:
    </ion-label>
    <ion-textarea value="{{userInfo.Customer_Info7}}" [(ngModel)]="userInfo.Customer_Info7"></ion-textarea>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Info8:
    </ion-label>
    <ion-textarea value="{{userInfo.Customer_Info8}}" [(ngModel)]="userInfo.Customer_Info8"></ion-textarea>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Info9:
    </ion-label>
    <ion-textarea value="{{userInfo.Customer_Info9}}" [(ngModel)]="userInfo.Customer_Info9"></ion-textarea>
  </ion-item>
  <ion-item>
    <ion-label stacked>
      Info10:
    </ion-label>
    <ion-textarea value="{{userInfo.Customer_Info10}}" [(ngModel)]="userInfo.Customer_Info10"></ion-textarea>
  </ion-item>
  </ion-list>
  <button ion-button margin-bottom full color="jjna-color" (click)="save()">Save</button>
</ion-content>
